<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"></script>
    <title>Title Page</title>
</head>
<style>
    * {
        box-sizing: border-box;
    }

    .cate img {
        width: 100%;
    }

    .card {
        display: table-cell;
        width: 100%;
    }

    .cate .left {
        display: table-cell;
        width: 65%;
        padding: 15px;
        vertical-align: middle;
    }

    .cate .right {
        display: table-cell;
        width: 35%;
        padding: 15px;
        border-left: 1px solid #ccc;

    }


    .cate .cardtop {
        border-bottom: 1px solid #ccc;
    }
</style>

<body>
    <div class="container cate">
        <div class="row no-gutters">

            <div class="col-md-4 text-center p-3 ">
                <div class="casrd border">
                    <div class="cardtop">
                        <div class="left">
                            <img src="./01.jpg" alt="">
                        </div>
                        <div class="right">
                            <img class="mb-3" src="./02.jpg" alt="">
                            <img src="./03.jpg" alt="">
                        </div>
                    </div>
                    <p>Clothing</p>
                    <p>Starting from $49.99</p>
                    <button class="btn btn-outline-success mb-4" type="button">Text</button>

                </div>
            </div>

            <div class="col-md-4 text-center p-3 ">
                <div class="casrd border">
                    <div class="cardtop">
                        <div class="left">
                            <img src="./01.jpg" alt="">
                        </div>
                        <div class="right">
                            <img class="mb-3" src="./02.jpg" alt="">
                            <img src="./03.jpg" alt="">
                        </div>
                    </div>
                    <p>Clothing</p>
                    <p>Starting from $49.99</p>
                    <button class="btn btn-outline-success mb-4" type="button">Text</button>

                </div>
            </div>

            <div class="col-md-4 text-center p-3 ">
                <div class="casrd border">
                    <div class="cardtop">
                        <div class="left">
                            <img src="./01.jpg" alt="">
                        </div>
                        <div class="right">
                            <img class="mb-3" src="./02.jpg" alt="">
                            <img src="./03.jpg" alt="">
                        </div>
                    </div>
                    <p>Clothing</p>
                    <p>Starting from $49.99</p>
                    <button class="btn btn-outline-success mb-4" type="button">Text</button>

                </div>
            </div>

        </div>
    </div>
</body>

</html>